$(function(){

// console.log($('.box .car li').offset())
    // $('.box-div .car').stop().animate({top:-520},2000)
    // console.log($('.box-div .car'))
    // $('.box-div .car ').stop().animate( {top:-520},2000)
    // $('.change').click(function(){
    //     console.log('hhaa')
    //     $('.box-div .car ').stop().animate( {top:-520},2000)

    let i=0
    function run(){
//         需求:2.计算偏移位置

// 	         实现:

//           1. 声明一个计数器，从0开始

//         2. 计数器+1

//          3. 移动以前获取计算器 * 元素的高度 
//    	JQ对象.outerHeight()   参数代表是否需要外边距

//      
//  4. 移动
        i++
       let $uls= $('.box-div .car ul') //得到ul
       let head=$('.box-div .car ')  //得到可视窗口
    //    console.log(head)
       
      
       let offset=  $uls.outerHeight()*i*-1  //每个ul的高度
       console.log(offset)
       $('.box-div .car ').stop().animate( {top:offset},2000,function(){
        if(i===($uls.length-1) ){ 
           
            head.css('top',0);  //改变可视窗口的top 样式
            i=0;    
         }
       })
      
    }
    $('.change').click(function(){
        // $('.box-div .car ').stop().animate( {top:-520},2000)
        run()
        
    })




 


   
    let sum=0
    function run2(){
        sum++
       let $uls= $('#box-div .car ul') //得到ul
       let head=$('#box-div .car ')  //得到可视窗口
    //    console.log(head)
       let offset=  $uls.outerHeight()*sum*-1  //每个ul的高度
       console.log(offset)
       $('#box-div .car ').stop().animate( {top:offset},2000,function(){
        if(sum===($uls.length-1) ){  
            head.css('top',0);  //改变可视窗口的top 样式
            sum=0;    
         }
       })
    }


    // 定时间调用函数 执行滚动
   let timer=setInterval(function(){
       run2()
   },3000)
//    鼠标移入清除定时器
   $('#box-div .car').mouseover(function(){
       clearInterval(timer)
   })

//    鼠标移出再次启动定时器
   $('#box-div .car').mouseout(function(){
    timer=setInterval(function(){
        run2()
    },3000)
   })
 



   //封装函数
function Zz( selector ){
    this.sum=0
    this.selector=0
}
Zz.prototype.run=function(){
    let that=this
    this.sum++
    let $uls= $('.box-div .car ul') //得到ul
    let head=$('.box-div .car ')  //得到可视窗口
 //    console.log(head)
    
   
    let offset=  $uls.outerHeight()*this.sum*-1  //每个ul的高度
    console.log(offset)
    $('.box-div .car ').stop().animate( {top:offset},2000,function(){
     if(that.i===($uls.length-1) ){ 
        
         head.css('top',0);  //改变可视窗口的top 样式
         that.i=0;    
      }
    })
}
// let zz1=new Zz('#box-div .car')
//     zz1.run()

 })

